<template>
  <div class="coupon_tit">
    <div class="coupon_tit_left">
      <p><b>{{title}}</b></p>
      <p>{{subTitle}}</p>
    </div>
    <div class="coupon_tit_list">
      <ul>
        <li v-for="(type,index) in couponType" :class="{'hot': type.isChecked}" @click="choType(index, type.key)" :key="index">{{type.value}}</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: [String],
    subTitle: [String],
    couponType: {
      type: Array,
      default: () => []
    }
  },
  methods: {
    choType(index, key) {
      this.$emit('choose-type', index, key)
    }
  }
}
</script>

<style lang="css">
</style>
